.search{
    width: 300px;
    display: flex;
}

.main{
   width: 600px;
   display: flex; 
   flex-wrap: wrap;
   justify-content: space-between;
}

.detail img{
    width: 200px;
    height: 400px;
}
.detail{
    width: 800px;
    display: flex;
}


.colors{
    display: flex;
}
.col1{
    display: inline-block;
    width: 30px;
    height: 30px;
    background-color:palevioletred;
    border-radius: 50%;
    margin-right: 10px;
}
.col2{
    display: inline-block;
    width: 30px;
    height: 30px;
    border-radius: 50%;
    background-color:powderblue;
}
.active1{
    border: 1px solid red;
    width: 30px;
    height: 30px;
    background-color:palevioletred;
    border-radius: 50%;
    margin-right: 10px;
}
.active2{
    border: 1px solid red;
    width: 30px;
    height: 30px;
    background-color:powderblue;
    border-radius: 50%;
}

.carbox{
    display: flex;
}
.carbox img{
    width: 100px;
    height: 100px;
}